$(function() {
	var gridForm = $('#grid-form'), // 新增居委会
		showOpt = $('.show-opt'), // 点击显示
		hideOpt = $('.hide-opt'), // 隐藏
		gridId = $('#grid-id'),
		editForm = $('#edit-grid-form'),
		delOpt = $('.del-opt'); // 删除


	hideOpt.on('click', function() {
		var url = $(this).data('url'),
			id = $(this).data('id');
		$.confirm('确认隐藏？', function() {
			$.post(url + id,  function(json) {
				json = JSON.parse(json);
				$.alert(json.msg, function() {
					if (json.code == 1) {
						location.reload();
					}
				});
			});
		});
	});

	delOpt.on('click', function() {
		var url = $(this).data('url'),
			id = $(this).data('id');
		$.confirm('已有网格绑定该居委会，无法删除。若需更改名称请点击编辑', function() {
			$.post(url + id,  function(json) {
				json = JSON.parse(json);
				$.alert(json.msg, function() {
					if (json.code == 1) {
						location.reload();
					}
				});
			});
		});
	});


	showOpt.on('click', function() {
		var url = $(this).data('url'); 

		$.post(url,  function(json) {
			json = JSON.parse(json);
			$.alert(json.msg, function() {
				if (json.code == 1) {
					location.reload();
				}
			});
		}); 
	});

	$('.edit-opt').on('click', function() {
		var id = $(this).data('id'),
			tr = $(this).parents('tr'),
			blong_name = tr.find('.blong-name').data('id'), // 居委会
			nbh_name = tr.find('.nbh-name').text(), // 网格	
			precinct = tr.find('.precinct').text(); // 辖区范围

		gridId.val(id); 
		editForm.find('.nbh-name').val(nbh_name);
		editForm.find('.precinct').val(precinct);
		$('#residence-select').find('[data-value="'+ blong_name +'"]').trigger('mousedown');

	});

	// 新增居委会
	gridForm.validate ();
	gridForm.on('submit', function() {
		try {
			if (gridForm.valid()) {
				gridForm.submitForm();
			}
		} catch(e) {
			console.error(e);
		}
		return false;
	});

	editForm.validate ();
	editForm.on('submit', function() {
		try {
			if (editForm.valid()) {
				editForm.submitForm();
			}
		} catch(e) {
			console.error(e);
		}
		return false;
	}); 
	
});